<template>
  <view class="case-page">
    <button class="jump-btn" @click="jumpToIndex">跳转到index</button>
    <button class="jump-btn" @click="jumpToLogin">跳转到登录页</button>
	<button class="jump-btn" @click="jumpToCity">城市探索</button>
	<button class="jump-btn" @click="jumpToNew">新闻页面</button>
	</view>

</template>

<script>
export default {
  methods: {
    jumpToIndex() {
      uni.navigateTo({
        url: '/pages/index/index'
      });
    },
    jumpToLogin() {
      uni.redirectTo({
        url: '/pages/login/login'
      });
    },
	jumpToCity() {
	  uni.navigateTo({
	    url: '/pages/city/city'
	  });
	},
	jumpToNew(){
		uni.navigateTo({
			url:'/pages/demos/news/news'
		})
	}
  }
}
</script>

<style scoped>
.case-page {
  padding: 30rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-title {
  font-size: 36rpx;
  font-weight: bold;
  margin-bottom: 40rpx;
}
.jump-btn {
  width: 100%;
  height: 80rpx;
  margin-bottom: 20rpx;
  border-radius: 8rpx;
}
</style>